<template>
  <el-pagination
    :current-page="pagination.currentPage"
    :page-size="pagination.pageSize"
    background
    layout=" prev, pager, next, jumper, total,->, sizes"
    :total="pagination.total"
    :page-sizes="[5, 7, 9, 11]"
    @current-change="handleCurrentChange"
    @size-change="handleSizeChange"
  ></el-pagination>
</template>

<script setup lang="ts">
interface Pageable {
  currentPage: number
  pageSize: number
  total: number
}

interface PaginationProps {
  pagination: Pageable
  handleSizeChange: (size: number) => void
  handleCurrentChange: (currentPage: number) => void
}
defineProps<PaginationProps>()
</script>

<style scoped></style>
